//导入必要的js
import '../lib/jquery.js'
import {ajax} from '../utils/ajax.js'
import { usernameTest, passwordTest } from "./reg.js";

//表单提交时
$('form').on('submit', async e => {
    
    //阻止事件的默认行为
    e.preventDefault();

    //获取参数，去除头尾空格
    let username = $('.username').val().trim();
    let password = $('.password').val().trim();

    //验证用户名与密码格式是否错误和是否为空
    if (!usernameTest(username)) return alert('用户名格式错误');
    if (!passwordTest(password)) return alert('密码格式错误');
    if (username == '' || password == '') return alert('用户名或密码为空');

    // post 请求登录，username和password是要发送的数据，用于登录验证。
    let response= await ajax.post('/users/login', {username, password});
    let {code,message,token,user} = response.data;

    //登录失败，显示错误信息
    if (code != 1) {
        if (message == '用户名或密码错误') $('.error').css('display', 'block');
        else alert(message);
        return;
    }

    //登录成功
    localStorage.setItem('token', token);
    localStorage.setItem('uid', user.id);

    //跳转到主页
    location.href = './index.html';
})